
@mixin pr(){
   
   position: relative;
   

}

/*  声明css绝对定位的混合 */

@mixin pa($y,$x){

	position: absolute;
	top: $y;
	left:$x;
}

/* 声明背景图片的css混合 */

@mixin bgImg($url,$y,$x,$wid){

	background-image: url($url);
	background-position: $y $x;
	background-repeat: no-repeat;
	background-size: $wid;


}
@mixin bgImgs($url,$y,$x){

  background-image: url($url);
  background-position: $y $x;
  background-repeat: no-repeat;
}

@mixin pf($y:0,$x:0){
	position: fixed;
	top: $y;
	left: $x;
}



header{
  width:750px;
    position: fixed;
    top: 0px;
    /* left: 0px; */
    padding-top: 43px;
  .nav{
  	width: 90%;
  	margin: 0px auto;
  	display: flex;
  	justify-content:space-between;
  }
  .nav>div{
     flex-basis:20%;
     text-align: center;

  }
  .nav>div:nth-of-type(1){
     text-align: left;
     .back{

     	 width: 120px;
     	 height: 55px;
     	 border:2px solid #ff9a50;
     	 text-align: center;
     	 line-height: 55px;
     	 border-radius: 20px;
     	 font-size: 26px;
     	 color: #000;
     	 font-weight: bold;

     }
  } 
  .nav>div:nth-of-type(2){
      flex:1;
      line-height: 55px;
      font-size: 26px;
  } 
  .nav>div:nth-of-type(3){
      text-align: right;
  } 

  
}

/* header ned */

.center{
	width: 100%;
	float: left;
	 margin-top: 140px;

	.center_box{
		width: 90%;
		margin:0px auto;
	    .banner{
	    	width: 100%;
	    	img{
	    		width: 100%;
	    	}
	    }
	    .goumai{
	    	margin-top:37px;
	    	width: 100%;
	    	display: flex;
	    }
	    .goumai>div{
	    	flex-basis:50%;
	    }
	    .goumai>div:first-child{

	    	 span{
	    	 	font-size: 72px;
	    	 	color: #ff9344;
	    	 	display: inline-block;
	    	 }
	    }
	    .goumai>div:last-child{

	    	 text-align: right;
	    	 a{
	    	 	width: 110px;
	    	 	
	    	 	text-align: center;
	    	 	line-height: 50px;
	    	 	color: #fff;
	    	 	font-size: 30px;
	    	 	@include bgImg('../images/gouma_bg.png',left,center,100%);


	    	 }
	    }

	    .evaluat{
	    	width: 100%;
            display: flex;

	    }
	    .evaluat>div{
            flex-basis:50%;
            
	    }
	    .evaluat>div:first-child{

	    	     @include bgImgs('../images/evaluat_bg.png',left,center);

               p{
			    	font-size: 30px;
			    	margin-left: 50px;
                    span{

	    	        color:red;

	                }
	        }
	    } 
	   
	    
	    .evaluat>div:last-child{
	    	text-align: right;
	    	p{

	    		font-size: 30px;
	    		color: #8e8e8e;
			 
	    	}
	    }

	    .user{
	    	width: 100%;
	    	display: flex;
	    	background-color: #ff9344;
	    	color: #fff;

	    }
	    .user>div{
	    	flex-basis:50%;
	    	
	    }
	    .user>div:first-child p{
               font-size: 30px;
	    }
	    .user>div:last-child{
	    	p{
	    		text-align: right;
	    		font-size: 30px;
	    		font-weight: bold;
	    		
	    	}
	    }

	    .company_lis{
	    	width: 100%;
	    	display: flex;
	    	margin-top: 10px;
	    	justify-content:space-between;
	    }
	    .company_lis>div{
            flex-basis:23%;
            
	    }
	    .company_lis>div:nth-of-type(1){

	    	 img{
	    	 	width: 100%;
	    	 }
	    }
	    .company_lis>div:nth-of-type(2){

	    	 flex:1;
	    	 padding-left: 20px;

	    	 .company_img_lis{
	    	    
	    	    float: left;
	    	    margin: 0px;
	    	    padding: 0px;

			   li{
		           float: left;
		           width: 40px;
		           height: 34px;
		           line-height: 34px;
		           
			    }
			    li:last-child{
			    	width: 60px;
			    	height: 34px;
		            font-size: 26px;
		            color:#929292;
			    }

			    &:after{

			    	content:"";
			    	width: 0px;
			    	height: 0px;
			    	overflow: hidden;
			    	display: block;
			    	clear: both;
			    }
	    }
        .company_title{
        	font-size: 30px;
        	margin: 0px;
        	padding: 0px;
        	margin-bottom: 10px;
        }
        .address{
        	width: 100%;
        	float: left;
        	font-size: 24px;
        	color: #929292;
        	margin:0px;
        	padding: 0px;
        	margin-top: 15px;
        	margin-bottom: 20px;
        }
	    .com_more{

	    	color: red;
	    	float: left;

	    }

	    }
       
       .company_lis>div:last-of-type{

       	   text-align: right;

       	   a{

       	   	        width: 110px;
				    text-align: center;
				    line-height: 173px;
				    color: #fff;
				    font-size: 30px;
				    @include bgImg('../images/gouma_bg.png',left,center,100%);
				    
       	   }
       }

       .company_lis:last-of-type{

       	    margin-bottom: 150px;
       }

	   
	   


	}
}

/*center end*/

.footer {
  width: 750px;
  position: fixed;
  margin:0px auto;
  bottom: 0px;
   }
  .footer .menu {
    width: 100%;
    display: flex;
    flex-grow: row;
    justify-content: space-around;
    padding-bottom: 17px;
    padding-top: 17px; }
  .footer .menu > a {
    flex-basis: 25px;
    text-align: center;
    font-size: 26px;
    
    color: #000; }